/*reset*/
	*{ margin: 0; padding: 0;}
	html,body{width: 100%; height:100%;overflow:hidden }
	body{font-family:Microsoft Yahei,Verdana,Geneva,sans-serif;
	background: url(../img/bg1.jpg) no-repeat center;
	}
	body,div,form,p,img,ul,li,ol,dl,dt,dd,hr,span,s{margin:0; padding:0; border:0;}
	li{ list-style-type: none;}
	img{vertical-align:middle;}table{border-collapse:collapse;border-spacing:0;}
	i,em{ font-style:normal;} 
	a{ text-decoration: none;}
	textarea{resize: none}
	
	.clearfix {
	zoom: 1
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}
	
.content{filter:alpha(opacity=90);
-moz-opacity:0.90; 
opacity:0.90; 
 height:0px;
margin-left: 0px;
margin-right: 10px;
}



.head{width: 100%; height: 63px; background: url(../img/headerbg.jpg) repeat-x; }

#logo{ float: left; line-height: 55px;}
#bntkh{ float: left;line-height: 55px;}
.nav_m ul{ float: right; }
.nav_m ul li{float: left; font-size: 100%; display: block;padding-left: 30px;padding-top: 10px;
padding-bottom: 10px; padding-right: 10px;
border: 1px solid #FFFFFF;
 -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
margin: 10px 20px;
}

.nav_m ul li a{color: #FFFFFF;}
.head:after{
	content: "";
	height: 0px;
	display: block;
	clear: both;
	visibility: hidden;
}

	
	
	.cont_center{ float:left; width: 37.4%;margin:5px; height:100%;}
.cont_left{ float: right;width:48.8%;margin:5px; height:100%; }		
/*.cont_left{ width: 45%;   float: left;margin:5px; 
			background: #434343; /*filter:alpha(opacity=50); 支持 IE 浏览器-moz-opacity:0.50; /*支持 FireFox 浏览器opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器}
			
.cont_center{width: 700px; height: 900px; float: left; 

			}*/
			
.cont_right{width: 12%;  float: left;
			background: #434343;margin:5px; }
			.toupiao img{ width: 100%;}
			
.xz{ border-bottom: 2px solid #FFFFFF;}			
	
	
/*右边*/			
#video{ width: 100%; background: #284E91;}

		#art{
			margin-top:15px;
			height:40px;
			width:100%;
			background: #1b1b1b;
			}
			#art div{
				float:left;
				width:33%;
				height:40px;
				line-height:30px;
				text-align:center;
				color:#FFFFFF;
				cursor:pointer;
				}
			#art div.arthv{
				
				color:#1c4c8c;
				}
			#art div.sug{
				background-color:#666666;
				color:#1c4c8c;
				}
			#artList{
				width:100%;
				height:250px;
				
				background-color:#3c3933;
				color: #FFFFFF;
				}	
				
				
#cehuan{width: 100%;font-size: 80%; }		

	

/*水军发送*/
.sjtit{ height: 35px; width: 100%; background: #232220;color: #FFFFFF; margin-top: 5px; line-height: 35px; padding-left: 10px;}
.sjsentchat{ width: 100%; height: 205px;background: #2d2f31; }
.sjchatkj{ width: 100%; height: 27px; padding: 5px 0;}
#sjthView{ padding:0 20px; color: #FFFFFF;}
.sjchatkj ul{ padding-left: 20px;}
.sjchatkj ul li{width: 35px; height: 35px; float: left; cursor: pointer; padding: 0 5px;}
.sjchatkj ul #sjbq{ background: url(../img/icona.png) no-repeat center;}
.sjchatkj ul #sjtp{ background: url(../img/icoct.png) no-repeat center;}
.sjchatkj ul #sjqc{ background: url(../img/iconc.png) no-repeat center;}
.sjchatkj ul #sjls{ background: url(../img/icond.png) no-repeat center;}

.sjsentbnt{ background: url(../img/sjsentbnt.png) no-repeat center; height:38px; width: 81px; float: right; margin: 10px 0; cursor: pointer;}

.sjxlsent{ float: right; color: #FFFFFF; line-height: 55px; }

.qunfa{
	margin-top: 5px;
	 width: 100%;
	 height: 45px;
	 background: #3b3834;
	 line-height: 45px;
	 color: #FFFFFF;
	 
}
.qunfatit{
	display: inline-block;
	width: 70px;
	height: 100%;
	background: #212121;
	color: #FFFFFF;
	text-align: center;
}
.qunfawh{
	
	color: #FFFFFF;
	padding-left: 30px;
}

select{
	
	background: transparent;
   width: 4em;
   padding: 5px;
   font-size: 14px;
   border: 1px solid #ccc;
   height: 30px;
   -webkit-appearance: none; /*for chrome*/
  color: #FFFFFF;
  
   -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

select option{
	color: #000000;
}

.sfselct{
	width: 150px;
	 height: 31px;
	margin-right: -8px;
	border-right:0px;
	margin-top: 13px;
}



/*中间聊天板*/

#header_c{ width: 100%; background: #1f1f1f; height: 42px; color: #FFFFFF; font-size: 16px;  }

#gdmar{ width: 80%; margin: 0 auto;}
#chatListOut{ width: 100%; height:600px;background: #2d2f31; margin-top: 5px;overflow-x:hidden;
	overflow-y:auto;word-break:break-all}

.sentchat{ width: 100%; height: 230px;background: #2d2f31; margin-top: 5px ;}
.chatkj{ width: 100%; height: 35px; padding: 5px 0;}
#thView{ padding:0 30px; color: #FFFFFF;}
@-moz-document url-prefix(){.sentchat{height: 270px}}
.chatkj ul{ padding-left: 20px;}
.chatkj ul li{width: 35px; height: 35px; float: left; cursor: pointer; padding: 0 5px;}
.chatkj ul #bq{ background: url(../img/icona.png) no-repeat center;}
#li_upload{ background: url(../img/iconb.png) no-repeat center;}
.chatkj ul #tp{ background: url(../img/icoct.png) no-repeat center;}
.chatkj ul #qc{ background: url(../img/iconc.png) no-repeat center;}
.chatkj ul #ls{ background: url(../img/icond.png) no-repeat center;}

.sentbnt{ background: url(../img/sentbg.png) no-repeat center; height:38px; width: 81px; float: right; margin: 10px; cursor: pointer;}



.lsit{
	padding: 10px 10px;
	font-size: 11pt;
}
.chatbg{
  position: relative;
 padding: 3px 0;
  background: rgb(177,232,100);
  border-radius:5px;
  left: 50px;
  top:0px;
  padding: 10px;
   
 max-width: 60%;
 display: inline-block;
  
  
}













.chatbg:before{
  content:"";
  width:0px;
  height:0px;
  position: absolute;
  top:5px;
  left:-10px;
  border-width:5px ;
  border-style:solid;
  border-color:rgb(177,232,100) transparent transparent transparent;
  transform:rotate(90deg);
  
}

.headimg{ float: left;}
.headimg img{ width: 40px; height: 40px;}
.dialog_top{ padding-left: 50px;height: 40px;}
.dialog_top:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden; height:20px;
	
}

.uname{ color: #FFFFFF;}
.dtime{ color: #FFFFFF;}




/*左边*/

#typeList{
				width:100%;
				height:852px;
				overflow-x:hidden;
				overflow-y:auto;
				background-color:#363534;
				color: #FFFFFF;cursor:pointer;
				font-size: 100%;
				}		
.mantype{
			
			height:40px;
			width:100%;
			background: #1b1b1b;
			}
			.mantype div{
				float:left;
				width:50%;
				height:40px;
				line-height:30px;
				text-align:center;
				color:#FFFFFF;
				cursor:pointer;
				line-height: 40px;
				}
			.mantype div.arthv{
				
				color:#1c4c8c;
				}
			.mantype div.sug{
				background-color:#666666;
				color:#1c4c8c;
				}
			

.head_r{ width: 100%; background: #1f1f1f; 
height: 40px; color: #FFFFFF; text-align: center; font-size: 20px; line-height: 30px;}

.head span {
    color: #FFFFFF;
    font-size: medium;
    line-height: 55px;
    display: inline-block;
}



#tou1 ul li{ float: left; width: 33%; cursor: pointer;}
#tou1 ul li:hover{ background: #1F1F1F;}
#tou2 ul li{ float: left; color: #FFFFFF;height: 40px; width: 33%; text-align: center; line-height: 3.5em;font-size:80%; font-weight: bold;overflow: hidden; }
#tou2 ul li:hover{
line-height: 1.5em;

transition:line-height 0.1s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition:line-height 0.1s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition:line-height 0.1s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition:line-height 0.1s;
-o-transition-timing-function:linear;
}
#tou2 ul #tou2lia{ background: #e60012;}
#tou2 ul #tou2lib{ background: #000000;}
#tou2 ul #tou2lic{ background: #009944;}

#type1a li{ width: 100%; padding: 9px 0; height: 35px; border: 1px solid #000000;}
#type1a li .touxiang{height: 33px; width: 33px; padding: 4px 4px;}
#type1a li .touxiang img{height: 33px; width: 33px; padding: 4px 4px;}
#type1a .teacherfont{ color: #ebb914;}
